<template>
  <el-select class="input-block" :value="value" @change="handleChange" filterable multiple>
    <el-option value="dsafdsa" label="dsafdsafdsa"></el-option>
    <el-option value="dsafds222a" label="2222"></el-option>
    <!--
    <el-option
      v-for="item in list"
      :key="item.value"
      :label="item.label"
      :value="item.value">
    </el-option>
    -->
  </el-select>
</template>
<script>
  import * as ui from 'l-element'
  let props = Object.assign({}, ui.default.Select.props)
  export default {
    props: {
      ...props,
      ditname: {
        type: String
      }
    },
    mounted () {
      this.$store.dispatch('sponsor_dict', this.ditname)
      this.list = this.$store.state.sponsor.sponsor_dict[this.ditname].data
    },
    data () {
      return {
        list: []
      }
    },
    methods: {
      handleChange (value) {
        alert('dddddddd')
        this.$emit('input', value)
      }
    }
  }

</script>

<style lang="scss">
  .checkboxList {
    margin: 5px 0;
  }
</style>
